<template>
  <div id="app">
    <h1>父组件</h1>
    <Son>
      <ul slot="ul_li">
        <li>{{name1}}</li>
      </ul>
      <h1 slot="h1_test">{{name2}}</h1>
    </Son>
  </div>
</template>

<script>
/* slot 插槽 父向子 不仅仅可以传递数据 也可以传递标签 
注：你传递的数据和标签在哪里，插槽就在哪个组件中

定义插槽时，不写名称 调用插槽也不写

定义多个时 注意给插槽添加slot属性，使用插槽时 <slot name="ul_li"></slot>

*/
import Son from "./components/Son";

export default {
  name: "App",
  data() {
    return {
      name1: "js",
      name2: "css",
      name3: "html"
    };
  },
  components: {
    Son
  },
  mounted() {},
  methods: {}
};
</script>

<style></style>
